import React, { useEffect } from 'react'
// 从antd中引入自己需要的组件
import { Avatar, Button } from 'antd'
// 引入antd中的字体图标
import { UserOutlined } from '@ant-design/icons'
// import axios from 'axios'
// import instance from './api/request'
export default function App() {
  // 注意: useEffect的回调函数,不要定义成异步函数
  // useEffect(() => {
  //   async function fetch() {
  //     // 注意:如果开启了代理,就一定要把请求先发送给代理服务器,就是把绝对路径改成相对路径
  //     const result = await instance.get('/test')
  //     console.log(result)
  //   }
  //   fetch()
  // }, [])
  return (
    <div>
      <Avatar shape="square" icon={<UserOutlined />} size="large" />
      <Button type="primary" size="small" loading={false}>
        Loading
      </Button>
    </div>
  )
}
